<html>
  <head>
	  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>i5ting_ztree_toc:</title>
		<link href="toc/style/github-bf51422f4bb36427d391e4b75a1daa083c2d840e.css" media="all" rel="stylesheet" type="text/css"/>
		<link href="toc/style/github2-d731afd4f624c99a4b19ad69f3083cd6d02b81d5.css" media="all" rel="stylesheet" type="text/css"/>
		<link href="toc/css/zTreeStyle/zTreeStyle.css" media="all" rel="stylesheet" type="text/css"/>
	  <style>
		pre {
		    counter-reset: line-numbering;
		    border: solid 1px #d9d9d9;
		    border-radius: 0;
		    background: #fff;
		    padding: 0;
		    line-height: 23px;
		    margin-bottom: 30px;
		    white-space: pre;
		    overflow-x: auto;
		    word-break: inherit;
		    word-wrap: inherit;
		}

		pre a::before {
		  content: counter(line-numbering);
		  counter-increment: line-numbering;
		  padding-right: 1em; /* space after numbers */
		  width: 25px;
		  text-align: right;
		  opacity: 0.7;
		  display: inline-block;
		  color: #aaa;
		  background: #eee;
		  margin-right: 16px;
		  padding: 2px 10px;
		  font-size: 13px;
		  -webkit-touch-callout: none;
		  -webkit-user-select: none;
		  -khtml-user-select: none;
		  -moz-user-select: none;
		  -ms-user-select: none;
		  user-select: none;
		}

		pre a:first-of-type::before {
		  padding-top: 10px;
		}

		pre a:last-of-type::before {
		  padding-bottom: 10px;
		}

		pre a:only-of-type::before {
		  padding: 10px;
		}

		.highlight { background-color: #ffffcc } /* RIGHT */
		</style>
  </head>
  <body>
	  <div>
				<div style='width:25%;'>
						<ul id="tree" class="ztree" style='width:100%'>

						</ul>
				</div>
        <div id='readme' style='width:70%;margin-left:20%;'>
          	<article class='markdown-body'>
            	<h1 id="-04-ionic-">第04单元-Ionic组件(下)</h1>
<h2 id="-">知识点</h2>
<h2 id="-">填空题</h2>
<pre><code class="lang-`js">1、选择器 :first_child是一个什么样的选择器？____

2、ID选择器是什么样的?______，类选择器是什么样的?_____。

3、后代选择器是什么样的?______，子选择器是什么样的？______。他俩之间有什么区别？______。

4、Angular用于控制元素的显示和隐藏的两个指令是_____和____，这两个指令有什么区别？_____。(面试题)

5、Npm全局安装的参数是______。

6、Npm将依赖保存到依赖项的参数是_____和____。

7、NodeJs自带的包管理器是_________。

8、npm清空缓存的命令是________。

9、NodeJs项目的配置文件是_____，命令行初始化该文件的命令是_____。

10、Angular是一个什么模式的框架？______。
</code></pre>
<h2 id="-">简答</h2>
<p>1、简述HTML5的存储方式，和它们各自的特点。(面试题)</p>
<p>2、简单比较一下Angular2和Vue2这两个框架，并说出他们适用的场景(面试题)</p>
<p>3、严格模式有什么好处？</p>
<p>4、Vw/vh布局有什么优缺点 ?(面试题)</p>
<p>5、Em布局有什么特点？想对于rem有什么异同？(面试题)</p>
<h2 id="-">程序分析题</h2>
<p>1、下图程序的五句话会输出什么？为什么会是这样的结果？</p>
<p><img src="./img/seventh-01.png" alt="17单元一"></p>
<p>2、下面的TypeScript代码会输出什么？为什么？</p>
<p><img src="./img/seventh-02.png" alt="17单元二"></p>
<h2 id="-">技能题</h2>
<p>1、使用angular的ngIf和ngShow指令模拟实现选项卡功能，注意不要用路由和组件实现。如下图所示，当我们点击某一个选项卡的时候，出现不同的页面。</p>
<p><img src="./img/seventh-03.png" alt="17单元三"></p>
<p><img src="./img/seventh-04.png" alt="17单元四"></p>
<h2 id="-">技能训练</h2>

          	</article>
        </div>
		</div>
  </body>
</html>
<script type="text/javascript" src="toc/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="toc/js/jquery.ztree.all-3.5.min.js"></script>
<script type="text/javascript" src="toc/js/ztree_toc.js"></script>
<script type="text/javascript" src="toc_conf.js"></script>

<SCRIPT type="text/javascript" >
<!--
$(document).ready(function(){
    var css_conf = eval(markdown_panel_style);
    $('#readme').css(css_conf)
    
    var conf = eval(jquery_ztree_toc_opts);
		$('#tree').ztree_toc(conf);
});
//-->
</SCRIPT>